<script lang="ts">
export default {
  name: "xt-tag",
};
</script>

<script setup lang="ts">
import { ElTag } from "element-plus";
import type Typings from "../../../typings";

interface Props extends /* @vue-ignore */ Typings.Tag.props {
  type?: Typings.Tag.props["type"];
  effect?: Typings.Tag.props["effect"];
}

withDefaults(defineProps<Props>(), {
  type: "primary",
  effect: "dark",
});
</script>

<template>
  <el-tag class="xt-tag" :type="type" :effect="effect">
    <template v-for="(_value, name) in $slots" #[name]="scope" :key="name">
      <slot :name="name" v-bind="scope || {}"></slot>
    </template>
  </el-tag>
</template>

<style lang="scss">
@use "../../../scss/xt-tag.scss";
</style>
